<template>
  <div class="banner">
    <div class="circle">
      <img src="../assets/thank.png" alt="">
    </div>
  </div>
  <div @click="router.replace('/')" class="go-home">回到首页</div>
  <div class="tips"></div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter()
</script>

<style scoped lang="scss">
.banner {
  display: flex;
  justify-content: center;
  margin-bottom: 48px;
  .circle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    flex-wrap: wrap;
    width: 360px;
    height: 360px;
    background-image: url(../assets/椭圆形.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    img{
      width: 300px;
      height: 250px;
    }
  }
}
.tips {
  width: 674px;
  height: 261px;
  margin: 0 auto;
  background-image: url(../assets/温馨1.png);
  background-size: contain;
}
.go-home {
  margin: 0px auto 50px auto;
  background-color: rgb(255, 172, 20);
  border-radius: 30.399999618530273px;
  height: 60px;
  width: 250px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-family: FZLTZCHK;
  line-height: 60px;
  font-size: 40px;
}
</style>